body,html{margin:0px;padding:0px;width:100%;}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;margin:0px;padding:0px;
}
#main{margin-top:90px;}
@media screen and (max-width: 768px) {#main{margin-top:50px;}}
img,* {margin: 0;padding: 0;}
.containtBox{position:absolute;width:100%;}
.g-header .nav {padding-top: 0;}
.g-header .nav a {/*line-height: 88px;*/letter-spacing: 0.12rem;}
.mainContent{position:relative;width:100%;height:auto;}
.swiperBox{width:100%;height:auto;z-index:102;}
.swiperBox img{width:100%;margin:0px;padding: 0px;}
.Modulebox{width:100%;height:80px;}
#Footer{width:100%;height:150px;background:rgba(0,0,0,0.9);position:relative;}
#Footer p{width:100%;height:100px;line-height:100px;color:#fff;font-size:16px;}
#Footer .listBottom{width:100%;height:290px;background:#ead3b0;}
#Footer .lister{width:88%;height:100%;;margin:0px auto;}
#Footer .lister ul{float:left;}
/*#Footer .lister ul.contact{float:left;}
#Footer .lister ul.retail{float:right;}*/
#Footer .list{width:30%;height:100%;position:relative;color:#7b5c55;}
#Footer .list a.titleIcon{width:100%;height:31px;display:block;}
#Footer .list a.titleIcon img{width:36px;height:31px;display:block;margin:31px auto 10px auto;/*position:absolute;top:30px;*/}
/*#Footer .retail a.titleIcon img{margin-left:0.7rem;}*/
#Footer .list span{width:100%;height:38px;line-height:38px;text-align:center;display:block;font-size:0.98rem;font-weight:bold;}
#Footer .list li{width:100%;text-align:center;height:38px;line-height:38px;font-size:0.86rem;}
/*.retail li{background:url(../img/adressIcon.png)1% 50% no-repeat;background-size:13px 14px;text-indent:1.5rem;}*/
.retail li img{width:15px;padding:0rem 0.3rem 0rem 0rem;} 
.retail li a{color:#7b5c55;}
.bottomAdress{width:100%;height:60px;background:#fff;}
.copyright{width:97%;height:100%;margin:0px auto;}
.copyright .copyrightContent{width:auto;height:100%;float:left;}
.copyright .newsletter{width:100px;height:100%;float:right;margin-right:0px;}
.newsletter a{display:block;width:50%;height:100%;background:gray;float:left;margin:0px;padding:0px;}
.newsletter a:nth-child(1){background:url(../img/facebook.png)50% 50% no-repeat;background-size:30px 30px;}
.newsletter a:nth-child(2){background:url(../img/wei.png)50% 50% no-repeat;background-size:30px 30px;}
.newsletter img.weixin {display:block;width:30px;margin-top:15px;opacity: 0;filter: alpha(opacity=0);}
/*.newsletter a:nth-child(2),.newsletter a:nth-child(4),.newsletter a:nth-child(5),.newsletter a:nth-child(6){background:url(../img/example.png)50% 50% no-repeat;background-size:30px 30px;}
*//*.newsletter a:nth-child(4){background:url(../img/example.png)50% 50% no-repeat;background-size:30px 30px;}*/
.newsletter a:nth-child(7){background:url(../img/pinterest.png)50% 50% no-repeat;background-size:30px 30px;}
.copyrightContent span a{color:#7b5c55;display:block;height:30px;line-height:36px;text-align:left;font-size:0.96rem;font-weight:bold;}
.copyrightContent a{color:#7b5c55;font-size:normal;font-size:0.9rem;display:block;height:20px;line-height:20px;}
@media screen and (max-width: 768px) {
    #Footer .listBottom{width:100%;height:auto;}	
    #Footer .lister{width:100%;height:100%;;margin:0px auto;background:#ead3b0;}
    #Footer .lister ul{float:left;}
    #Footer .list{width:100%;height:auto;position:relative;color:#7b5c55;background:#ead3b0;}
    #Footer .list:last-child{padding-bottom:30px;}
    #Footer .list span{text-align:center;font-size: 0.9rem;height: 28px;line-height: 28px;}
    #Footer .list a.titleIcon{width:100%;height:50px;display:block;}
    #Footer .list a.titleIcon img{width:30px;height:26px;display:block;margin:18px auto;position:relative;top:6px;}
    #Footer .list li{text-align:center;height: 28px;line-height:28px; font-size: 0.8rem;}
    #Footer .lister ul.contact{float:left;margin-left:0%;}
    #Footer .lister ul.retail{float:right;margin-right:0%;}
/*    .retail li{background:url(../img/adressIcon.png)41% 50% no-repeat;background-size:13px 14px;text-indent:1.5rem;}*/
    .retail li img{width:13px;padding:0rem 0.3rem 0rem 0rem;} 
    .bottomAdress{height:60px;}
    .copyright .copyrightContent{width:100%;height:100%;float:left;}
    .copyrightContent span a{color:#7b5c55;display:block;height:30px;line-height:36px;text-align:center;font-size:0.96rem;font-weight:bold;}
    .copyright .newsletter{width:30%;height:100%;margin-right:35%;}
}
@media screen and (max-width: 500px){
    .copyright .newsletter{width:30%;height:100%;margin-right:35%;}
}
